import {} from "react-dom"
import { assign } from "@monorepo/utils"
const FuiouButtonProps={
    type:"primary",
    children:"提交",
    block:false,
    disabled :false,
    className:"",
    otherProps:{},
}
export function FuiouButton(props={}, ref){
    const { children,block,disabled,type,otherProps,className }=assign({},FuiouButtonProps,props)
    const initClass=['btn',type,className||""]
    if(block){
       initClass.push("block") 
    }
    if(disabled){
        initClass.push("disabled") 
    }
    return (
        <button type='button' { ...otherProps} className={initClass.join(" ")}>
            {children}
        </button>
    )
}
